<!-- 环形图 -->
<template>
    <echarts :option="options" class="doughnutChart"/>
</template>

<script>
import echarts from '@/components/echarts/echarts';
export default {
	name: 'doughnut-chart',
	props: {
		option: {
			default: () => {
				return {
					series: [
						{
							type: 'pie',
							radius: ['58%', '70%'],
							avoidLabelOverlap: false,
							label: {
								show: false,
								position: 'center'
							},
							emphasis: {
								label: {
									show: true,
									fontSize: '40',
									fontWeight: 'bold'
								}
							},
							labelLine: {
								show: false
							},
							itemStyle: {
							// borderWidth:5, //设置border的宽度有多大
							// borderColor:'#010713',
							},
							data: [
								{ value: 75,
									name: '男',
									itemStyle: {
										color: '#0efcf0',
										shadowColor: '#0efcf0',
										shadowBlur: 20,
									}
								},
								{ value: 25,
									name: '女',
									itemStyle: {
										color: 'rgba(236, 145, 133, 0.88)',
										shadowColor: 'rgba(236, 145, 133, 0.88)',
										shadowBlur: 20,
									}
								}
							]
						}
					]
				};
			}
		}
	},
	data () {
		return {
			options: {

			}
		};
	},

	components: {
		echarts
	},

	computed: {},

	// mounted: {},
	created () {
		this.options = {
			...this.option, ...this.options
		};
	},
	methods: {}
};

</script>
<style lang='less' rel="stylesheet/less" scoped>
    .doughnutChart{
        width:100%;
        height:100%
    }
</style>
